<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->
<ion-tabs class="tabs-icon-top tabs-color-active-assertive">

  <!-- Dashboard Tab -->
  <ion-tab title="健康食品" icon-off="ion-document-text" icon-on="ion-document-text" href="#/tab/tab1">
    <ion-nav-view name="tab1"></ion-nav-view>
  </ion-tab>

  <!-- Chats Tab -->
  <ion-tab title="健康菜谱" icon-off="ion-monitor" icon-on="ion-monitor" href="#/tab/tab2">
    <ion-nav-view name="tab2"></ion-nav-view>
  </ion-tab>

  <ion-tab title="我" icon-off="ion-person" icon-on="ion-person" href="#/tab/tab3">
    <ion-nav-view name="tab3"></ion-nav-view>
  </ion-tab>
</ion-tabs>
